.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:30px;  width: 100%; overflow:hidden; position:absolute; left:0; bottom: 15px; z-index:1;  }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: right;  }
.slideBox .hd ul li{ margin-right:18px; margin-left: -16px;  width:24px; height:24px; line-height:24px; font-size: 12px; text-align:center; background:#D7D7D7; cursor:pointer; display: inline-block; 
 border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.slideBox .hd ul li.on{ color:#FFF; background: #007ac7;}
.slideBox .prev,
.slideBox .next{ width: 50px; height: 50px; background: url('images/arror-left-w.png') center no-repeat rgba(0,0,0,0.3); position: absolute; z-index: 3; zoom: 1; left: 3%; top: 50%; margin-top: -25px; cursor: pointer; display: none;}
.slideBox .next{background-image: url('images/arror-right-w.png'); left: auto; right: 3%;}
.slideBox .prev:hover,
.slideBox .next:hover{ background-color:rgba(0,0,0,0.6) ;}
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd ul{ height: auto;}
.slideBox .bd li{ zoom:1; vertical-align:middle;  width: 100%; background: #F1F2F3; }
.slideBox .bd li a{width: 100%; background:#F6F6F6;}
.slideBox .bd li a img{ display: block; max-width: 100%; margin: 0 auto;}